<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>我的个人网站</title>
    <link rel="stylesheet" href="./src/css/styles.css">
</head>
<body>

<header>
    <h1>欢迎来到我的个人网站</h1>
    <nav>
        <a href="#bio">传记</a>
        <a href="#resume">简历</a>
        <a href="#contact">联系方式</a>
    </nav>
</header>

<main>
    <section id="bio">
        <h2>关于我</h2>
        <!-- 在这里添加你的传记内容 -->
        <p>这里是你的传记简介...</p>
    </section>

    <section id="resume">
        <h2>我的简历</h2>
        <!-- 可以链接到PDF或在线简历，或者直接嵌入内容 -->
        <iframe src="src/data/your_resume.pdf" width="100%" height="500px" frameborder="0"></iframe>
        <!-- 或者 -->
        <!-- <p>这里是你的简历概述...</p> -->
    </section>

    <section id="contact">
        <h2>联系方式</h2>
        <!-- 添加你的联系方式 -->
        <ul>
            <li>Email: 13735542460@163.com</li>
            <li>电话: 13735542460</li>
            <li>LinkedIn: <a href="https://www.linkedin.com/in/yourprofile">yourprofile</a></li>
        </ul>
    </section>
</main>

<footer>
    <p>&copy; 2023 我的个人网站. All rights reserved.</p>
</footer>

<script src="./src/js/script.js"></script>
</body>
</html>
